<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./templates/templateMenu.xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:h="http://java.sun.com/jsf/html">

    <ui:define name="content">
        <script type="text/javascript">            
                  function openPopupFunction() {
                      openPopup.jq.click();
                  }
            
                  function doPopup(source,mse,title){
                      if(mse == ""){
                        popup=window.open (source, "popup", "height=600, width=900");
                        popup.document.title = title;
                        popup.focus();
                      }
                  }
        </script>
        <p:panel header="Paquetes Escolares">
            <h:panelGrid columns="2" columnClasses="alignTop,alignTop" style="width: 100%">
                <h:panelGrid id="frmPaquetes" style="width: 100%">   
                    <p:fieldset legend="Opciones del Informe">
                        <h:panelGrid columns="3" columnClasses="alignTop,alignTop">
                            <h:outputText value="Tipo paquete:"/>
                            <h:selectOneMenu id="cboTipo" 
                                             style="width:250px" 
                                             onchange="onSelectTipo()"
                                             value="#{paquetesBean.selectedTipo}" 
                                             required="#{param['requireGroup1'] == '1'}" 
                                             requiredMessage="Requerido" >
                                <f:selectItem itemLabel="-Seleccione una Opción-" itemValue="#{null}"/>
                                <f:selectItem itemLabel="Utiles" itemValue="utiles"/>
                                <f:selectItem itemLabel="Uniformes" itemValue="uniformes"/>
                                <f:selectItem itemLabel="Zapatos" itemValue="zapatos"/>
                            </h:selectOneMenu>
                            <p:message display="icon" for="cboTipo"/>
                            <h:outputText value="Listado:"/>
                            <h:selectOneMenu id="cboListado"
                                             style="width:250px"
                                             value="#{paquetesBean.selectedListado}" 
                                             required="#{param['requireGroup1'] == '1'}" 
                                             requiredMessage="Requerido" >
                                <f:selectItem itemLabel="-Seleccione una Opción-" itemValue="#{null}"/>
                                <f:selectItem itemLabel="Listado entrega proveedor" itemValue="ListadoProveedor" itemDisabled="#{paquetesBean.selectedTipo =='uniformes'?true:false}"/>
                                <f:selectItem itemLabel="Listado entrega centro escolar" itemValue="ListadoEscuela" itemDisabled="#{paquetesBean.selectedTipo =='uniformes'?true:false}"/>
                                <f:selectItem itemLabel="Listado entrega centro escolar primer uniforme" itemValue="ListadoEscuelaPrimero" itemDisabled="#{paquetesBean.selectedTipo =='uniformes'?false:true}"/>
                                <f:selectItem itemLabel="Listado entrega centro escolar segundo uniforme" itemValue="ListadoEscuelaSegundo" itemDisabled="#{paquetesBean.selectedTipo =='uniformes'?false:true}"/>
                                <f:selectItem itemLabel="Listado confirmacion de tallas" itemValue="Tallas" itemDisabled="#{paquetesBean.selectedTipo =='utiles'?true:false}"/>                            
                            </h:selectOneMenu>
                            <p:message display="icon" for="cboListado"/>   
                            <h:outputText value="Agrupar por sexo:"/>
                            <h:selectOneMenu id="cboSexo"
                                             style="width:250px"
                                             value="#{paquetesBean.selectedSexo}" 
                                             required="#{param['requireGroup1'] == '1'}" 
                                             requiredMessage="Requerido" >
                                <f:selectItem itemLabel="Mostrar todos" itemValue="ambos"/>
                                <f:selectItem itemLabel="Solo masculinos" itemValue="Masculino"/>
                                <f:selectItem itemLabel="Solo femeninos" itemValue="Femenino"/>
                            </h:selectOneMenu>
                            <p:message display="icon" for="cboSexo"/>    
                        </h:panelGrid>
                    </p:fieldset>
                    <p:fieldset legend="Datos del Proveedor">
                        <h:panelGrid columns="3" columnClasses="alignTop,alignTop">
                            <h:outputText value="Nombre:"/>
                            <p:inputText id="txtNombre" value="#{paquetesBean.nombreProveedor}" 
                                         required="#{param['requireGroup1'] == '1'}" 
                                         requiredMessage="Requerido" 
                                         maxlength="40" />
                            <p:message display="icon" for="txtNombre"/>               

                            <h:outputText value="DUI:"/>
                            <p:inputMask id="txtDUI" 
                                         mask="99999999-9" 
                                         required="#{param['requireGroup1'] == '1'}" 
                                         value="#{paquetesBean.duiProveedor}"/>
                            <p:message display="icon" for="txtDUI"/>               
                        </h:panelGrid>
                    </p:fieldset>
                    <p:toolbar>
                        <p:toolbarGroup align="left">      
                            <p:commandButton value="Imprimir" 
                                             image="ui-icon ui-icon-print" 
                                             title="Imprimir Reporte"
                                             type="push"
                                             oncomplete="openPopupFunction()" 
                                             update="frmPaquetes opPopup msg" 
                                             process="@this frmPaquetes dtSeccion" 
                                             action="#{paquetesBean.imprimir}" > 
                                <f:param name="requireGroup1" value="1" />
                            </p:commandButton>
                        </p:toolbarGroup>
                    </p:toolbar>
                </h:panelGrid>
                <p:dataTable id="dtSeccion" 
                             widgetVar="dtSeccion"                                        
                             rows="10" 
                             paginator="true" 
                             var="varSeccion" 
                             value="#{seccionBean.secciones}" 
                             selection="#{paquetesBean.selectedSeccion}">
                    <p:column selectionMode="single"/>
                    <p:column headerText="Nombre Grado">
                        <h:outputText value="#{varSeccion[1].vcNomGrado}"/>
                    </p:column> 
                    <p:column style="text-align: center;" headerText="Sección">
                        <h:outputText value="#{varSeccion[0].vcSeccion}"/>
                    </p:column> 
                    <p:column headerText="Nivel">
                        <h:outputText value="#{varSeccion[2].vcNomNivel}"/>
                    </p:column>
                    <p:column headerText="Turno" 
                              style="text-align: center; width: 15%;" >
                        <h:outputText value="#{varSeccion[0].vcTurno=='1'?'Mañana':'Tarde'}"/>
                    </p:column>                
                </p:dataTable>
            </h:panelGrid>
        </p:panel>
        <p:commandButton style="visibility: hidden" 
                         widgetVar="updateConfirm"
                         oncomplete="dtSeccion.filter()" 
                         update="dtSeccion msg"/>
        <p:remoteCommand name="onSelectTipo" process="@this cboTipo" 
                         update="cboListado" action="#{paquetesBean.onSelectTipo}"/>
        <p:outputPanel id="opPopup">
            <p:commandButton id="openPopup"
                             style="visibility: hidden" 
                             onclick="doPopup('#{paquetesBean.url}', '#{facesContext.maximumSeverity}', 'Impresión de Listado')" 
                             widgetVar="openPopup"/>            
        </p:outputPanel>
    </ui:define>

</ui:composition>
